.team {
	width: 100%;
	height: 100%;
	padding: 0 3%;
	box-sizing: border-box;
	.change-page{
		padding: 5px 0;
		span{
			display: inline-block;
			width: 100px;
			height: 30px;
			color: #fff;
			font-size: 16px;
			line-height: 30px;
			text-align: center;
			border-radius: 5px;
			background: #ccc;
			cursor: pointer;
			&.active{
				background: rgb(50, 161, 235);
			}
		}
	}
	.page-cont{
		.team-name{
			.add-name{
				span{
					display: inline-block;
					padding: 5px 10px;
					background: rgb(19, 194, 28);
					color: #fff;
					border-radius: 5px;
					cursor: pointer;
				}
			}
			.add-alert{
				position: absolute;
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, .1);
				top: 0;
				left: 0;
				.add-name-wrap{
					position: absolute;
					width: 300px;
					box-sizing: border-box;
					background: #fff;
					text-align: center;
					padding-top: 25px;
					border-radius: 5px;
					left: 50%;
					top: 30%;
					transform: translate(-50%,-50%);
					.sure{
						padding: 25px 0;
						span{
							display: inline-block;
							padding: 5px 10px;
							background: rgb(86, 182, 247);
							color:#fff;
							border-radius: 3px;
							cursor: pointer;
						}
					}
				}
			}
			.name-list{
				ul{
					li{
						padding: 10px;
						border-bottom: 1px solid #ddd;
						.team-modify{
							color: rgb(63, 150, 248);
							cursor: pointer;
						}
						.team-time{
							padding-right: 15px;
						}
						.team-info{
							color: rgb(63, 150, 248);
							padding-right: 15px;
							cursor: pointer;
						}
					}
				}
			}
			.team-info-alert{
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				background: rgba(0,0,0,.2);
				.team-info-wrap{
					position: absolute;
					width:80%;
					max-height: 40%;
					background: #fff;
					top: 50%;
					left: 50%;
					padding-top: 10px;
					transform: translate(-50%,-50%);
					.search{
						padding: 5px;
						input{
							border: none;
							border: 1px solid #ddd;
							padding: 2px;
						}
					}
					.team-store-list{
						ul{
							li{
								padding: 10px;
								border-bottom: 1px solid #ddd;
								.store-del{
									color: rgb(63, 150, 248);
									cursor: pointer;
								}
							}
						}
					}
					.save-team-store{
						text-align: center;
						padding: 10px 0;
					}
				}
			}
		}
		.team-add{
			.store-search{
				position: relative;
				input{
					width: 200px;
					height: 25px;
				}
				.store-list{
					position: absolute;
					top: 30px;
					left: 0;
					width: 202px;
					background: #fff;
					border: 1px solid #ddd;
					max-height: 200px;
					overflow: hidden;
					.store-list-wrap{
						overflow: hidden;
						max-height: 200px;
						overflow-y: scroll;
						margin-right: -18px;
						ul{
							li{
								padding: 5px;
								cursor: pointer;
								border-left: 2px solid #fff;
								&:hover{
									border-left: 2px solid rgb(66, 231, 66);
								}
							}
						}
					}
				}

			}
			.now-add-store{
				max-height: 700px;
				.sel-store-list{
					table{
						th{
							text-align:center;
							background:#ddd;
							padding:10px 0;
						}
						tr{
							border-bottom: 1px solid #ddd;
							td{
								text-align:center;
								padding: 10px 0;
								&.del{
									color: rgb(36, 191, 238);
									cursor: pointer;
								}
							}
						}
					}
				}
				.save-team{
					text-align: right;
					margin-top: 25px;
					button{
						display: inline-block;
						width: 100px;
						height: 40px;
						border: none;
						border-radius: 5px;
						background: rgb(41, 173, 250);
						color: #fff;
					}
				}
			}
			.sel-team-alert{
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				background: rgba(0,0,0,.2);
				.sel-team-alert-wrap{
					width: 200px;
					background: #fff;
					position: absolute;
					top: 30%;
					left: 50%;
					transform: translate(-50%,-50%);
					text-align: center;
					padding: 15px 0;
					select{
						width: 80%;
						height: 30px;
					}
					.save{
						padding: 25px;
						button{
							padding: 5px 15px;
							background: rgb(28, 221, 70);
							border: none;
							color: #fff;
							border-radius: 5px;
							cursor: pointer;
						}
					}
				}
			}
		}
	}
}